import React, {Component} from 'react';
// import qs from 'querystring'

class Detail extends Component {

    state = {
        news: [
            {id: 1, title: '中央网信办：建立负面清单 加强娱乐明星网上信息规范管理', date: '2021-11-23'},
            {id: 2, title: '人民网评：正确认识和把握共建“一带一路”面临的新形势', date: '2021-11-22'},
            {id: 3, title: '宁夏银川中小学幼儿园11月22日起陆续恢复线下教学', date: '2021-11-20'},
            {id: 4, title: '美青年枪杀2人被判无罪 有枪支零售商趁机大甩卖', date: '2021-11-21'},
        ]
    }

    render() {
        // 获取路由传递的params参数
        // const {id} = this.props.match.params;

        // 获取路由传递的search参数
        // const {id} = qs.parse(this.props.location.search.substring(1));

        // 获取路由传递的state参数
        const {id} = this.props.location.state;

        // 根据ID查询对应的记录
        const news = this.state.news.find((item) => item.id === parseInt(id))
        return (
            <div>
                <p>记录编号: {news.id}</p>
                <p>新闻标题: {news.title}</p>
                <p>发布日期: {news.date}</p>
            </div>
        );
    }
}

export default Detail;
